.slider-card {
  @include slider-card;
}

.recommended {
  &-wrapper {
    width: 100%;
  }

  &-wrapper.course {
    @include bottom-cut-corner-section;
  }

  &-wrapper.no-cut-corner {
    mask: none;
    margin-top: 0;
  }

  &-wrapper.mixed {
    padding: 20px 0 10px 0;
  }

  &.recommended-title {
    color: $colorVulcan;
    margin-left: 30px;
    margin-bottom: 28px;
  }
}

.slider-margin-container {
  margin: 30px 0;
}
